<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 当前页面样式 -->
    <link rel="stylesheet" href="../CSS/apizhuce.css">
</head>

<body>
    <!-- 注册页面，顶部样式  -->
    <div class="header">
        <div class="container">
            <img src="../images/logo-white.png" alt="">
            <span>已有源码账号， <a href="../html/land.html">立即登录</a></span>
        </div>
    </div>
    <!-- 注册页面表单样式 -->
    <div class="container">
        <div class="register-box">
            <form action="#" method="post">
                <h2 class="register-title">欢迎注册</h2>
                <h3 class="register-interface">百款接口免费试用</h3>
                <p class="register-gift">注册即送300元大礼包</p>
                <div class="register-item">
                    <input class="register-input" name="username" type="text" placeholder="用户名（6~12位字母数字）">
                    <p>
                        <span class="msg-icon"></span>
                        <span class="msg">昵称需在6-12位字母数字间</span>
                    </p>
                    <img class="register-clear" src="../images/clearInput.png" alt="">
                </div>
                <div class="register-item">
                    <input class="register-input" name="tel" type="text" placeholder="请输入手机号码">
                    <p>
                        <span class="msg-icon"></span>
                        <span class="msg">请输入正确的手机号</span>
                    </p>
                    <img class="register-clear" src="../images/clearInput.png" alt="">
                </div>
                <div class="register-item">
                    <input class="register-input"  name="code" type="text" placeholder="请输入4位手机验证码">
                    <p>
                        <span class="msg-icon"></span>
                        <span class="msg">请输入正确的验证码</span>
                    </p>
                    <button class="register-get-code" type="button">获取验证码</button>
                    <img class="register-clear register-clear-code" src="../images/clearInput.png" alt="">
                </div>
                <div class="register-item">
                    <input class="register-input"name="pwd"  type="password" placeholder="请输入6至12位的密码">
                    <p>
                        <span class="msg-icon"></span>
                        <span class="msg">请输入6至12位的密码</span>
                    </p>
                    <img class="register-clear" src="../images/clearInput.png" alt="">
                </div>
                
                <p class="agree">
                    <label>
                        <input type="checkbox" class="checkbox" >
                        <span>我已阅读并接受 </span>
                        <a href="#">《源码用户服务协议》</a> 
                        <a href="#">《源码隐私政策》</a>
                    </label>
                </p>
                <button type="button" class="register-submit-btn">立即注册</button>
            </form>
        </div>
    </div>
<script src="../JS/apizhuce.js"></script>

</body>

</html>